Alat terkait Konverter Gambar Pengoptimal / Kompresor SVG

Batas pemrosesan: file gambar hingga 75 MB · resolusi 40 MP ponsel / 80 MP PC

Seret gambar atau klik

Gambar yang dapat dibaca browser, seperti JPG, PNG, WebP, GIF, dan SVG

Pratinjau gambar

Pratinjau akan muncul setelah gambar dipilih.

Opsi ekstraksi

Jumlah warna8 warna Jarak sampel Arah gradien Latar acuan kontras

Informasi berguna

Ekstrak warna dominan dari logo, foto produk, atau banner untuk digunakan pada tema situs, halaman produk, thumbnail, dan variabel CSS.

Berkas tidak diunggah ke server eksternal; pemrosesan memakai perangkat lokal Anda.

Membaca gambar, mengekstrak warna, membuat gradien, dan mengunduh PNG semuanya dilakukan di browser saat ini.

T. Mengapa warna hasilnya terlalu mirip?

Kurangi jumlah warna atau ubah jarak sampel ke Standar/Cepat untuk mengurangi warna yang terlalu mirip.

T. Apakah SVG didukung?

SVG yang dapat dirender browser sebagai gambar dapat dipratinjau dan warnanya diekstrak.

T. Apa arti nilai kontras?

Rasio kontras WCAG antara warna latar terpilih dan warna hasil ekstraksi. Gunakan sebagai acuan saat memilih warna teks.

T. Untuk apa variabel CSS digunakan?

Berguna untuk mengelola warna yang berulang, seperti tema situs, tombol, latar, dan grafik.

Toko online: Ambil nuansa merek dari foto produk dan gunakan untuk skema warna halaman produk.

Desain: Buat gradien banner dengan cepat dari dua atau tiga warna dominan.

Pengembangan: Gunakan Salin variabel CSS untuk langsung menempelkan warna tema ke kode.

Keterbacaan: Pilih warna dengan rasio kontras tinggi sebagai kandidat warna teks.

Alat ini bukan eyedropper untuk mengeklik satu piksel yang tepat. Alat ini mengambil sampel dari seluruh gambar dan otomatis mengekstrak 4–12 warna representatif. Piksel yang hampir transparan dan hampir putih dilewati sebagai kandidat warna utama, dan setiap hasil menampilkan HEX, RGB, serta HSL. Memilih warna piksel tertentu dengan mengeklik gambar belum didukung.

Palet Warna dari Gambar - Warna Dominan & Gradien CSS

Seret gambar atau klik

Opsi ekstraksi

Palet hasil ekstraksi

Gradien CSS

Kode CSS

Informasi berguna

Bagaimana cara menggunakan ekstraksi palet gambar?

Di mana berkas yang diunggah diproses?

Pertanyaan umum (FAQ)

Kiat penggunaan

Bisakah saya mengeklik piksel tertentu seperti image color picker?